<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:66:"G:\wamp\www\xxoa\public/../application/index\view\login\index.html";i:1536635754;}*/ ?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>云图网-登录</title>
    <!-- Bootstrap -->
    <link rel="icon" href="static/index/registe/imgs/yun.ico" type="image/x-icon"/>
    <link href="static/index/registe/css/bootstrap.min.css" rel="stylesheet">
    <link href="static/index/registe/css/login.css" rel="stylesheet">
    <link href="static/index/registe/css/toastr.min.css" rel="stylesheet">
    <script src="static/index/registe/js/jquery-1.8.3.min.js"></script>
    <script src="static/index/registe/js/toastr.min.js"></script>
    <!--[if lt IE 9]>
    <script src="./js/html5shiv.min.js"></script>
    <script src="./js/respond.min.js"></script>
    <![endif]-->
</head>
<body >
        <header class="header">
        <div class="row">
            <div class="col-md-12 col-xs-12">
                <div class="col-md-push-1  col-md-3 col-xs-3">
                    <div class="col-md-4 col-xs-4">
                        <a href="<?php echo url('index/index/index'); ?>" >
                            <img src="static/index/registe/imgs/logo.png"  class="img-responsive m10">
                        </a>
                            
                    </div>
                    <div class="col-md-3 m4 ml-20 col-xs-3">
                        <p class="h4"><?php echo $title; ?></p>
                    </div>
                </div>

                <div class="col-md-2 m10  col-xs-2 col-md-push-7" >
                    <div class="col-md-2 col-xs-2">
                    <a href="<?php echo url('index/login/index'); ?>"  class="btn btn-success">登录</a>
                    </div>
                    <div class="col-md-2  col-xs-2 col-md-push-2">
                    <a href="<?php echo url('index/registe/index'); ?>"  class="btn btn-default">注册</a>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div style="width: 100%;background-color:#1980FF;">
        <div class="container" >
            <div class="row" >

                <div class="col-md-12 col-xs-12" >
                    <img src="static/index/registe/imgs/login-bg.png">
                    <div class=" col-md-4  col-xs-4 login-main col-md-pull-9" style='border-radius: 10%;'>
                        <div class="col-md-12" style='width: 400px; height: 62px; line-height: 62px'>
                            <div class="col-md-2 col-xs-2" ></div>
                            <div class="col-md-3 col-xs-3" style='text-align:center;border-bottom:3px solid #10C55B; width:74px; height:60px'><a 
                                href="<?php echo url('index/login/index'); ?>" style="font-size:20px; color:#10C55B">登录</a></div>
                            <div class="col-md-2 col-xs-2" ></div>
                            <div class="col-md-3 col-xs-3" style='text-align:center'><a href="<?php echo url('index/registe/index'); ?>" style="font-size: 20px">注册</a></div>
                        </div>

                            <!-- 图标登录页面 -->
                            <div id='icon_login' style='display:block'>
                                <div class=" col-md-4 col-xs-4 m20">
                                    <a href="<?php echo url('index/login/qqlogin'); ?>">
                                    <img  class="img-responsive" src="static/index/registe/imgs/qq.png" style='width:84px; height:85px' id='qq'>
                                    </a>
                                    <center class="m20"><p style='font-size:16px'>QQ注册</p></center>
                                </div>
                                <div class="col-md-4 col-xs-4 m20">
                                        <img  class="img-responsive" src="static/index/registe/imgs/wx.png" style='width:84px; height:85px' id='wx'>
                                        <center class="m20"><p style='font-size:16px'>微信注册</p></center>
                                </div>
                                <div class="col-md-4 col-xs-4 m20">
                                        <img  class="img-responsive" src="static/index/registe/imgs/wb.png" style='width:84px; height:85px' id='wb'>
                                        <center class="m20"><p style='font-size:16px'>微博注册</p></center>
                                </div>

                                <div class="col-md-12 col-xs-12 m20">
                                    <center><a onclick='emailLogin()'><p style="font-size: 15px;color:#10C55B;">邮箱登录</p></a></center>
                                </div>

                                <div class="col-md-12 col-xs-12">
                                    <div class="col-md-1 col-xs-1"></div>
                                    <div class="col-md-5  col-xs-5" style='border-right:1px solid #10C55B; height:18px;'>
                                        <center><a onclick='tellLogin()'><p style="font-size: 15px;color:#10C55B;">手机验证码登录</p></a></center>
                                    </div>
                                    <div class="col-md-5 col-xs-5" >
                                        <center><a onclick='userLogin()' style="font-size: 15px;color:#10C55B">帐号密码登录</a></center>
                                    </div>
                                </div>
                            </div>
                            <!-- 图标登录结束 -->
                            

                            <!-- 手机验证登录 -->
                            <div id='tell_login'   style='display:none;'>
                                <div class="col-md-12 col-md-xs m20">
                                    <div class="col-md-4 col-xs-4 ml-10">
                                        <img src="static/index/registe/imgs/qd.png" id='qd' style='width:110px; height:40px'>
                                    </div>
                                    <div class="col-md-4  col-xs-4">
                                        <img src="static/index/registe/imgs/wd.png" id='wd' style='width:110px; height:40px'>
                                    </div>
                                    <div class="col-md-4 col-xs-4">
                                        <img src="static/index/registe/imgs/bd.png" id='bd' style='width:110px; height:40px'>
                                    </div>
                                    <!-- <div class="col-md-1 "></div> -->
                                </div>

                                <div class="col-md-12  col-xs-12">
                                    <img src="static/index/registe/imgs/huo.png"  >
                                </div>

                                <div class="col-md-12 col-xs-12">
                                <form action="<?php echo url('index/login/msglogin'); ?>" method="post" accept-charset="utf-8">
                                    <!-- 手机号 -->
                                    <div class="row">
                                        <div class="input-group input-group-lg">
                                          <span class="input-group-addon" id="sizing-addon1" style='background-color: #fff;'><img src="static/index/registe/imgs/zhanghao.png" style='width:20px;height:22px'></span>
                                          <input type="text" class="form-control" maxlength="11" name="sphone" placeholder="请输入手机号" aria-describedby="sizing-addon1">
                                        </div>
                                    </div>
                                    <!-- end 手机号 -->

                                    <!-- 图形验证码 -->
                                    <div class="col-md-12 col-xs-12 m10">
                                        <div class="col-md-8 col-xs-8 ml-30">
                                            <input type="text" maxlength="5" class="form-control jpgcode" placeholder="图形验证码" aria-describedby="basic-addon1">
                                        </div>
                                        <div class="col-md-4 col-xs-4"><img src="static/out.jpg" alt="" id="imgcode" ></div>
                                    </div>
                                    <!-- end 图形验证码 -->
            
                                    <!-- 手机验证码 -->
                                    <div class="col-md-12 col-xs-12 m10">
                                        <div class="col-md-8 col-xs-8 ml-30" style='width:238px'>
                                            <input type="text" maxlength="6" class="form-control" placeholder="手机验证码" name="telcode" aria-describedby="basic-addon1" style='width:228px;height:38px'>
                                        </div>
                                        <div class="col-md-4 col-xs-4 send-btn"  style='width:98px;'><button id='bt' type="button">发送验证码</button></div>
                                    </div>
                                    <!-- end 手机验证码 -->

                                    <div class="col-md-12 col-xs-12 m10">
                                        <button class="btn btn-success code-btn" type="submit" style='width:340px;margin-left: -15px'>登录</button>
                                    </div>
                                    </form>
                                    <div class="col-md-12 col-xs-12 m10">
                                        <center><a onclick='userLogin()'>帐号密码登录</a></center>
                                    </div>
                                </div>
                            </div>
                            <!-- 手机验证登录结束 -->


                            <!-- 账号密码登录 -->
                            <div id='user_login'  style='display:none;'>
                                <div class="col-md-12 col-xs-12 m20">
                                    <div class="col-md-4 ml-10">
                                        <img src="static/index/registe/imgs/qd.png" id='qd' style='width:110px; height:40px'>
                                    </div>
                                    <div class="col-md-4 col-xs-4 ">
                                        <img src="static/index/registe/imgs/wd.png" id='wd' style='width:110px; height:40px'>
                                    </div>
                                    <div class="col-md-4 col-xs-4">
                                        <img src="static/index/registe/imgs/bd.png" id='bd' style='width:110px; height:40px'>
                                    </div>
                                    <!-- <div class="col-md-1 "></div> -->
                                </div>

                                <div class="col-md-12 col-xs-12">
                                    <img src="static/index/registe/imgs/huo.png"  >
                                </div>

                                <div class="col-md-12 col-xs-12">
                                    <form action="<?php echo url('index/login/dologin'); ?>" method="post" accept-charset="utf-8">
                                    <!-- 账号 -->
                                    <div class="input-group input-group-lg">
                                      <span class="input-group-addon" id="sizing-addon1" style='background-color: #fff;'><img src="static/index/registe/imgs/zhanghao.png" style='width:20px;height:22px'></span>
                                      <input type="text" class="form-control" name="phone" maxlength="11" placeholder="请输入手机号" aria-describedby="sizing-addon1">
                                    </div>

                                    <!-- 密码 -->
                                    <div class="input-group input-group-lg m10">
                                      <span class="input-group-addon" id="sizing-addon1" style='background-color: #fff;'><img src="static/index/registe/imgs/mima.png" style='width:20px;height:22px'></span>
                                      <input type="password" class="form-control" name="pass" placeholder="请输入密码" aria-describedby="sizing-addon1">
                                    </div>


                                    <!-- 登录 -->
                                    <div class="col-md-12 col-xs-12 m10">
                                        <button class="btn btn-large btn-block btn-primary" type="submit" style='width:340px;margin-left: -15px;background-color: #10C55B;border:1px solid #10C55B;font-size: 16px'>登录</button>
                                    </div>
                                    <!-- end 登录 -->
                                </form>
                                    <!-- 换登录方式 -->
                                    <div class="col-md-12 col-xs-12 m10 ml-30" style='width:410px'>
                                        <div class="col-md-7 col-xs-7 ml "><a onclick='tellLogin()'>手机验证登录</a></div>
                                        <div class="col-md-4 col-xs-4" style='margin-left: 20px;text-align:right'><a href="<?php echo url('index/restpass/index'); ?>">忘记密码?</a></div>
                                    </div>
                                    <!-- end 换登录方式 -->
                                </div>
                            </div>
                            <!-- 账号密码登录结束 -->

                            <!-- 邮箱密码登录 -->
                            <div id='email_login'  style='display:none;'>
                                <div class="col-md-12 col-xs-12 m20">
                                    <div class="col-md-4 ml-10">
                                        <img src="static/index/registe/imgs/qd.png" id='qd' style='width:110px; height:40px'>
                                    </div>
                                    <div class="col-md-4 col-xs-4 ">
                                        <img src="static/index/registe/imgs/wd.png" id='wd' style='width:110px; height:40px'>
                                    </div>
                                    <div class="col-md-4 col-xs-4">
                                        <img src="static/index/registe/imgs/bd.png" id='bd' style='width:110px; height:40px'>
                                    </div>
                                    <!-- <div class="col-md-1 "></div> -->
                                </div>

                                <div class="col-md-12 col-xs-12">
                                    <img src="static/index/registe/imgs/huo.png"  >
                                </div>

                                <div class="col-md-12 col-xs-12">
                                    <form action="<?php echo url('index/login/doemaillogin'); ?>" method="post" accept-charset="utf-8">
                                    <!-- 账号 -->
                                    <div class="input-group input-group-lg">
                                      <span class="input-group-addon" id="sizing-addon1" style='background-color: #fff;'><img src="static/index/registe/imgs/zhanghao.png" style='width:20px;height:22px'></span>
                                      <input type="text" class="form-control" name="email"  placeholder="请输入邮箱号" aria-describedby="sizing-addon1">
                                    </div>

                                    <!-- 密码 -->
                                    <div class="input-group input-group-lg m10">
                                      <span class="input-group-addon" id="sizing-addon1" style='background-color: #fff;'><img src="static/index/registe/imgs/mima.png" style='width:20px;height:22px'></span>
                                      <input type="password" class="form-control" name="pwd" placeholder="请输入密码" aria-describedby="sizing-addon1">
                                    </div>


                                    <!-- 登录 -->
                                    <div class="col-md-12 col-xs-12 m10">
                                        <button class="btn btn-large btn-block btn-primary" type="submit" style='width:340px;margin-left: -15px;background-color: #10C55B;border:1px solid #10C55B;font-size: 16px'>登录</button>
                                    </div>
                                    <!-- end 登录 -->
                                </form>
                                    <!-- 换登录方式 -->
                                    <div class="col-md-12 col-xs-12 m10 ml-30" style='width:410px'>
                                        <div class="col-md-7 col-xs-7 ml "><a onclick='tellLogin()'>手机验证登录</a></div>
                                        <div class="col-md-4 col-xs-4" style='margin-left: 20px;text-align:right'><a href="<?php echo url('index/restpass/index'); ?>">忘记密码?</a></div>
                                    </div>
                                    <!-- end 换登录方式 -->
                                </div>
                            </div>
                            <!-- 邮箱密码登录结束 -->
                    <div class="col-md-12 col-xs-12 m20">
                        <div class="col-md-1 col-xs-1"></div>
                        <div class="col-md-10 col-xs-10 ">
                            <p><input type="checkbox" checked id="check"><font size='1' color='#666'>勾选代表你同意<a href="">《注册声明》</a><a href="">《版权声明》</a></font></p>
                        </div>
                    </div>
                    </div>
                </div>

            </div>
        </div>
        <script>
            qq.onmouseover=function(){
                qq.src="static/index/registe/imgs/qqq.png"
            }
            qq.onmouseout=function(){
                qq.src="static/index/registe/imgs/qq.png"
            }

            wx.onmouseover=function(){
                wx.src="static/index/registe/imgs/wxx.png"
            }
            wx.onmouseout=function(){
                wx.src="static/index/registe/imgs/wx.png"
            }

            wb.onmouseover=function(){
                wb.src="static/index/registe/imgs/wbb.png"
            }
            wb.onmouseout=function(){
                wb.src="static/index/registe/imgs/wb.png"
            }

            qd.onmouseover=function(){
                qd.src="static/index/registe/imgs/qdd.png"
            }
            qd.onmouseout=function(){
                qd.src="static/index/registe/imgs/qd.png"
            }

            wd.onmouseover=function(){
                wd.src="static/index/registe/imgs/wdd.png"
            }
            wd.onmouseout=function(){
                wd.src="static/index/registe/imgs/wd.png"
            }

            bd.onmouseover=function(){
                bd.src="static/index/registe/imgs/bdd.png"
            }
            bd.onmouseout=function(){
                bd.src="static/index/registe/imgs/bd.png"
            }
            

            function tellLogin(){
                icon_login.style='display:none';
                tell_login.style='';
                user_login.style='display:none';
            }

            function userLogin(){
                icon_login.style='display:none';
                tell_login.style='display:none';
                user_login.style='';
            }

            function emailLogin(){
                icon_login.style='display:none';
                tell_login.style='display:none';
                email_login.style='';
            }
            toastr.options = {
                    closeButton: true,
                    progressBar: true,
                    timeOut: '3000',
                    positionClass: "toast-top-center",
                };
            $("#check").click(function(){
                toastr.warning('登录/注册必须同意协议');
                return false;
            });
            $(function(){
                // ajax 刷线图片验证码
                $('#imgcode').click(function(){
                    $.ajax({
                        type:'get',
                        url:'imgcode',
                        dataType:'json',
                        success:function(data){
                            var imgs = data.src+'?'+Math.random();
                            $('#imgcode').attr('src',imgs);
                            $('#imgcode').attr('pcode',data.str);
                        },
                        error:function(){
                            toastr.warning('请重试');
                        }
                    });
                });
                //失焦验证手机号码
                $('input[name="sphone"]').blur(function(){
                    var phone = $(this).val();
                    phoneAjax(phone);
                });
                //输入框失焦判断验证码
                $('.jpgcode').blur(function(){
                    var jpgcode = $('.jpgcode').val();
                    var code = $('#imgcode').attr('pcode');
                    console.log(jpgcode);
                    console.log(code);
                    if(jpgcode!=code){
                        toastr.warning('图片验证码错误');
                        $('.code-btn').attr('disabled',true);
                    }else{
                        $('.code-btn').removeAttr('disabled');
                    }
                });

            });
            //ajax 手机验证
            function phoneAjax(phone){
                $.ajax({
                    type:'post',
                    url:'isphone',
                    data:{'phone':phone},
                    dataType:'json',
                    success:function(data){
                        if(!data.status){
                            toastr.error('手机号码不存在');
                            $('.code-btn').attr('disabled',true);
                            return false;
                        }else{
                            $('.code-btn').removeAttr('disabled');
                        }
                    },
                    error:function(){
                        toastr.error('手机号码错误');
                        return fasle;
                    }
                });
            }

            //ajax 发送短信
            $('.send-btn').click(function(){
                var phone = $('input[name="sphone"]').val();
                $.ajax({
                    type:'post',
                    url:'domsg',
                    data:{'phone':phone},
                    dataType:'json',
                    success:function(data){
                        if(data.status){
                           toastr.success(data.info);
                        }else{
                           toastr.error(data.info);
                        }
                    },
                    error:function(){
                       toastr.error('验证码发送失败');
                    }
                });
                });
    


        </script>
</body>
</html> 